<script setup>

import { reactive } from "vue";
// import zhCn from "element-plus/lib/locale/lang/zh-cn";
// const locale = zhCn;
const config = reactive({
  max: 1,
});

</script>

<template>

 <el-config-provider :locale="locale" :message="config">
  <!-- 路由（容器） -->
    <router-view></router-view>
  </el-config-provider>
  
<!-- <div>
  <p>6666</p>
  <el-button>默认按钮</el-button>
  <el-button type="primary">主要按钮</el-button>
  <el-button type="success">成功按钮</el-button>
  <el-button type="info">信息按钮</el-button>
  <el-button type="warning">警告按钮</el-button>
  <el-button type="danger">危险按钮</el-button>
</div> -->

</template>

<style lang="scss" scoped>

header {
  line-height: 1.5;
}

@media (min-width: 1024px) {
  header {
    display: flex;
    place-items: center;
    padding-right: calc(var(--section-gap) / 2);
  }

  .logo {
    margin: 0 2rem 0 0;
  }

  header .wrapper {
    display: flex;
    place-items: flex-start;
    flex-wrap: wrap;
  }
}

</style>
